﻿body{ background-color: #fff}

.page_css{ margin-top: 10px; text-align: right;}
.page_css span, .page_css a{ display: inline-block!important; margin: 0 3px; height: 30px; line-height: 30px; padding: 0 10px; text-align: center; font-size: 14px; background-color: #00d049;}
.page_css a{ background-color: #ccc; color: #333; text-decoration: none;}
.page_css a:hover{ background-color: #039be5; color: #fff;}
.page_css span{ background-color: #039be5; color: #fff;}

.jz{ margin: 0 auto;}
.w1200{ width: 1200px;}
.w1920{ width: 1920px;}
.header{ width: 1420px; height: 130px;}
.logo{ padding-top: 26px;}
.nav a{ display: inline-block; width: 140px; height: 130px; line-height: 130px; color: #000000; font-size: 20px; text-align: center; text-decoration: none;}
.nav a:hover, .nav a.curr{ background-color: #2b4458; color: #ffffff;}

.footer_wrap{ background-color: #2b4458; padding-bottom: 20px;}
.footer{ width: 1200px; color: #ffffff;}
.footer_left{ margin-top: 45px;}
.footer_left p{ float: left; }
.footer_tel{ font-size: 22px;}

.footer_menu{ margin-top: 45px; border-left:1px solid #fff;}
.footer_menu dl{ float: left; margin-left: 80px; margin-top: 0;}
.footer_menu dl dt{ font-size: 20px; font-weight: bold;}
.footer_menu dl dd{ font-size: 16px; margin-top: 10px;}
.footer_menu dl dd a{ color: #fff;}

.footer_copyright{ width: 1200px; color: #fff; text-align: center; border-top: 1px solid #ffffff; margin-top: 10px; padding-top: 6px;}
.footer_copyright a{ color: #fff;}

.i_title{ text-align: center; font-size: 26px;}
.i_liner{ text-align: center;}
.mtop10{ margin-top: 10px;}
.mtop20{ margin-top: 20px;}
.mtop30{ margin-top: 30px;}

.index_sc{ width: 1280px; height: 300px; margin: 0 auto; position: relative;}
.mq_2_wrap{ width: 1200px; height: 300px; overflow: hidden; position: absolute; left: 40px; top: 0; z-index: 100;}
.mq_2{ width: 1200px; height: 300px; overflow: hidden;}
.mq_2 ul li{ width: 260px; height: 300px; margin: 0 20px;}
.mq_2 ul li img{ width: 260px; height: 300px;}
.mq_2_gr,.mq_2_gl{ position: absolute; top: 120px; width: 40px; height: 62px; z-index: 101; cursor: pointer;}
.mq_2_gr{ left: 0; background: url('../images/i_left.jpg') no-repeat;}
.mq_2_gl{ right: 0; background: url('../images/i_right.jpg') no-repeat}

.i_bs_left{ width: 570px;}
.i_bs_right{ width: 590px;}
.i_bs_wz{ text-indent: 2em; font-size: 16px; line-height: 180%;}
.hh1{ font-size: 24px; font-weight: bold; border-bottom: 3px solid #2b4458;}
.hh2{ font-size: 18px; border-bottom: 2px solid #2b4458;}
.hh3{ font-size: 16px; font-weight: bold;}

.btn1{ display: inline-block; width: 140px; height: 40px; background-color: #e8e8e8; line-height: 40px; color: #333333; text-align: center; font-size: 18px;}
.btn1:hover{ color: #333333;}

.btn2{ background-color: #4b85b4; border: none; font-size: 14px; padding: 6px 20px; color: #ffffff;}

.index_news_img{ width: 320px;}
.index_news{ width: 853px;}
.one_news{ width: 853px; height: 80px; background: url('../images/news_bg.jpg') no-repeat;}
.one_news:hover{ background: url('../images/news_hover_bg.jpg') no-repeat; color: #ffffff;}
.one_news:hover a{ color: #ffffff; text-decoration: none;}
.one_news_left{ width: 70px; text-align: center; margin-left: 20px;}
.one_news_left p{ margin-bottom: 0;}
.date_1{ font-size: 24px; margin-top: 10px;}
.date_2{ font-size: 18px; width: 70px;}
.one_news_right{ line-height: 80px; font-size: 20px; color: #333333; width: 720px;}
.one_news_right a{ color: #333333;}

.index_blk{ width: 320px; height: 320px; background-color: #dcdcdc; text-align: center;}
.index_blk_1{ padding-top: 60px;}
.index_blk_2{ font-size: 20px; border-bottom: 2px solid #2b4458;}
.index_blk_3{ font-size: 16px;}

.the_left{ float: left; width: 340px;}
.left_top_title{ height:120px; background-color: #3d6483; color: #ffffff; text-align: center; line-height: 120px; font-size: 36px;}
.left_menu{ margin-top: 5px;}
.left_menu dl, .left_menu dt, .left_menu dd{ padding:0; margin: 0; width: 340px;}
.left_menu dl{ margin-bottom: 1px!important;}
.left_menu dt{ height: 70px; line-height: 70px;}
.left_menu dt a{ display: inline-block; height: 70px; width: 340px; background-color: #cccccc; color: #333333; font-size: 20px; text-decoration: none; text-indent: 1em;}
.left_menu dt a.has_open{ background-image: url("../images/down_arr.png"); background-repeat: no-repeat; background-position:  300px center;}
.left_menu dt a.has_close{ background-image: url("../images/right_arr.png"); background-repeat: no-repeat; background-position:  300px center;}
.left_menu dt a:hover, .left_menu dt a.curr{ background-color: #4b85b3; color: #ffffff;}
.left_menu dd{ height: 45px; line-height: 45px; display: none;}
.left_menu dd a{ display: inline-block; height: 45px; width: 340px; text-indent: 3em; background-color: #e9e9e9; color: #333333; font-size: 16px; text-decoration: none; border-bottom:1px solid #ffffff;}
.left_menu dd a:hover, .left_menu dd a.curr{ color: #ffffff; background-color: #4397da; }
.ss{ display: block!important;}

.the_right{ float: right; width: 850px;}
.mbx{ font-size: 16px; height: 40px; line-height: 40px; border-bottom: 1px solid #333333;}
.mbx a{ color: #333333;}
.one_product{ width: 260px; height: 320px; background-color: #d9d9d9; float: left; color: #333333; margin: 10px 11px 10px 11px;}
.one_product p{ margin: 0;}
.one_product:hover{background-color: #336799; color: #ffffff;}
.one_product:hover a{ color: #ffffff;}
.one_product_img{ width: 258px; height: 258px;}
.one_product_img img{ width: 258px; height: 258px; margin: 1px;}
.one_product_wz{ text-align: center; width: 260px; height: 60px; overflow: hidden; line-height: 63px;}
.one_product_wz a{ font-size: 18px; color: #333333;font-weight: bold;}
.one_product_wz a:hover{; color: #ffffff}

.product_model{ display: inline-block; padding: 5px 10px; color: #ffffff; background-color: #333333; border-radius: 5px; font-size: 16px;}
.product_intro{ margin-top: 30px;}
.product_intro p{ margin-bottom: 0; line-height: 150%;}
.product_pics{ position: relative; height: 700px;}
.mq_3_wrap{ width: 660px; height: 660px; overflow: hidden; position: absolute; left: 90px; top: 20px; z-index: 100;}
.mq_3{ width: 660px; height: 660px; overflow: hidden;}
.mq_3 ul li img{ width: 660px; height: 660px;}
.mq_3_gr,.mq_3_gl{ position: absolute; top: 300px; width: 31px; height: 62px; z-index: 101; cursor: pointer;}
.mq_3_gr{ left: 90px;}
.mq_3_gl{ right: 97px;}

.business_content{ margin-top: 20px;}
.business_content p{ text-indent: 2em; line-height: 180%;}

.bar_1{ font-size: 18px; font-weight: bold; padding-bottom: 5px; border-bottom: 2px solid #336799;}
.must{ font-weight: bold; color: red;}
.w100pct{ width: 100%; }
.msg_box td{ padding: 10px 0;}

.service_content{ margin: 10px;}
.company_content{ margin: 10px;}
.company_content p{ text-indent: 2em; font-size: 16px; line-height: 180%;}
.company_content img{ padding: 0 10px 10px 0;}

.company_content{}

.honors, .honors li{ list-style: none;}
.honors li{ float: left; margin: 10px;}
.honors li .honor_img img{ width: 180px;}

.news_navi a{ display: inline-block; padding: 5px 12px; border: 1px solid #333333; background-color: #e5e5e5; color: #333333; font-size: 16px;}
.news_navi a:hover, .news_navi a.curr{ background-color: #336799; color: #ffffff;}

.news .aa{ height: 36px; line-height: 36px; background: url('../images/dot.jpg') no-repeat left center; text-indent: 2em;}
.news .aa a{ font-size: 16px; color: #333333;}
.news .aa a:hover{ font-size: 16px; color: #336799; text-decoration: none;}

.news_title{ text-align: center; font-size: 26px;}
.news_bar{ font-size: 14px; text-align: center; border-bottom: 1px solid #999999;}
.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#ddd; }
.ab_pages ul a:hover{ background:#ddd}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}
